<%-- 
    Document   : payment
    Created on : Mar 31, 2011, 10:16:38 PM
    Author     : Nguyen Hung
--%>
<%
Cart cart = (Cart) session.getAttribute("cart");
if(cart == null)
    response.sendRedirect("index.jsp");
%>
<%@page import="Business.Cart"%>
<%@page contentType="text/html" pageEncoding="UTF-8" language="java"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@include file="WEB-INF/jspf/header.jspf"%>

<%
    // String nameErrorText = "(*)", emailErrorText = "(*)", phoneNumberErrorText = "(*)", addressErrorText = "(*)", creditCardNumberErrorText = "(*)";
String kaptchaerror = (String)request.getAttribute("error");
if(kaptchaerror == null)
    kaptchaerror= "";

String address = (String) session.getAttribute("address");
if(address ==null)
    address = "";
String phone = (String) session.getAttribute("phonenumber");
if(phone == null)
    phone = "";
%>

<script type="text/javascript">

    function checkName(){
       
        var client = document.getElementById("name");
        var errorName = document.getElementById("errorName");
        var isLetters = /^[a-z A-Z]+$/;

        if(client.value==""){
            errorName.innerHTML = " Vui lòng nhập đúng tên. "
        }else{
            errorName.innerHTML="";
        }
    }

    function checkAddress(){
          
        var id = document.getElementById("address");
        var errorId = document.getElementById("errorAddress");
        var isLetters = /^[a-z A-Z0-9]+$/;

        if(id.value==""){
            errorId.innerHTML="Vui lòng nhập đúng địa chi.̉";
        }
        else{
            errorId.innerHTML="";
        }
    }

    function checkPhone(){
        var phone = document.getElementById("phonenumber");
        var errPh = document.getElementById("errorPhone");
        var minPhone = 9;
        var maxPhone = 11;
        var isNumeric = /^[0-9]+$/;

        if(phone.value.search(isNumeric)){
            errPh.innerHTML = "Hãy nhập kiểu số, không có khoảng trắng";
        }
        else if(phone.value.length <  minPhone ||  phone.value.length > maxPhone){
            errPh.innerHTML = "Vui lòng nhập 10 hoặc 11 số.";
        }
        else{
            errPh.innerHTML =" ";
        }
    }

    function checkEmail(){
        var email = document.getElementById("email");
        var errEm = document.getElementById("errorEmail");
        var isEmail = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;

        if(email.value.search(isEmail)){
            errEm.innerHTML = "Địa chỉ Email không xác thực.";
        }
        else{
            errEm.innerHTML = "  ";
        }
    }


    function checkCreditCard(){
        var credit = document.getElementById("creditcardnumber");
        var errorCredit = document.getElementById("errorcredit");
        var isNumeric = /^[0-9]+$/;
        var letters = 14;

        if(credit.value.search(isNumeric)){
            errorCredit.innerHTML = "Hãy nhập kiểu số, không có khoảng trắng";
        }
        else if(credit.value.length != letters){
            errorCredit.innerHTML = "Vui lòng nhập 14 số."
        }
        else{
            errorCredit.innerHTML =" ";
        }
    }


    function clearTextArea() {
        if(document.getElementById("text").value == "Nhập ghi chú...")
            document.getElementById("text").value="";
    }

        
</script>



    <form id="payment" name="payment" method="post" action="PaymentServlet">
    
        <h4 class="title_center">THÔNG TIN KHÁCH HÀNG</h4>
    
    <div class="box_center" style="height:700px;">
        <table width="100%" border="1" cellspacing="0" cellpadding="5">
            <tr>
                <td class="borderheader">Phương thức giao hàng</td>
                <td class="borderheader">Thời gian dự kiến</td>
                <td class="borderheader">Dịch vụ</td>
            </tr>
             
            <tr>
                <td>Giao hàng tân nơi trong nội thành</td>
                <td>Trong vòng 48 giờ</td>
                <td>Miễn phí</td>
            </tr>
            <tr>
                <td>Qua bưu điện</td>
                <td>Nhận hàng sau 3-4 ngày</td>
                <td>Phí bưu điện</td>
            </tr>
        </table>
        
        
         <table width="100%" border="0" cellspacing="0" cellpadding="5">
                                    <tr>
                                        <td class="borderheader">Phương thức thanh toán</td>
                                        <td class="borderheader">Hướng dẫn sử dụng</td>
                                    </tr>
                                    <tr>
                                        <td><input type="radio" name="paytype"  value="Tiền Mặt" checked/>
                                            <label for="pay">Tiền mặt trực tiếp</label></td>
                                        <td>Quý khách có thể thanh toán tiền mặt khi nhân viên đến giao hàng</td>
                                    </tr>
                                    <tr>
                                        <td><input type="radio" name="paytype"  value="Chuyển Khoản Ngân Lượng" />
                                            <label for="pay2">Ví Điện Tử</label></td>
                                        <td>Thanh toán bằng ví điện tử NganLuong.vn</td>
                                    </tr>
                                    
                                </table>
        
        
        <div>
            
                <table width="100%" border="1">
                    <tr>
                        <td colspan="2"><h3>Nhưng Thông tin (*) là bắt buộc</h3></td>
                        
                    </tr>
                    <tr>
                        <td width="25%">Họ Tên</td>
                        <td>
                            <input type="text" name="name" value="<%=user.getFullname()%>"id="name" onblur="checkName()" value=""/>
                            <span style=color:red; id="errorName">(*) </span>

                        </td>
                    </tr>


                    <tr>
                        <td>Địa Chỉ</td>
                        <td>
                            <label>
                                <input type="text" name="address" id="address" value="<%=address%>"onblur="checkAddress()"/>
                            </label>
                            <span style=color:red; id="errorAddress"> (*)</span>
                        </td>
                    </tr>


                    <tr>
                        <td>Số điện thoại</td>
                        <td>
                            <label>
                                <input type="text" name="phonenumber" id="phonenumber" value="<%=phone%>"onblur="checkPhone()"/>
                            </label>
                            <span style=color:red; id="errorPhone">(*)</span>
                        </td>
                    </tr>


                    <tr>
                        <td>Email</td>
                        <td><label>
                                <input type="text" name="email" id="email" onblur="checkEmail()" value="<%=user.getEmail()%>"/>
                            </label>
                            <span style=color:red; id="errorEmail">(*)</span>
                        </td>
                    </tr>




                    <tr>
                        <td>
                            Mã xác nhận:
                        </td>
                        <td><img src="kapatcha.jpg" width="200" height="60" id="kaptchaImage" onclick="document.location.reload()"/></td>
                    </tr>
                    <tr>
                        <td>Nhập mã XN:</td>
                        <td><input type="text" name="kaptcha"><%=kaptchaerror%></td>
                        
                    </tr>
                    <tr>
                        <td>Ghi chú</td>
                        <td><label>
                                <textarea name="note" id="text" cols="45" rows="5" onfocus="clearTextArea(this)">Nhập ghi chú...</textarea>
                            </label></td>
                    </tr>
                    <tr>
                        <td colspan="2" align="center"><label>

                                <input type="submit" name="submit" id="submit" value="Xác Nhận" />
                            </label></td>
                    </tr>
                </table>

           
        </div>
    </div>
                             </form>
    <%@include file="WEB-INF/jspf/footer.jspf" %>
